<!--Main Contents Starts-->
<div id="contents">
	<section class="left">
    	<h1>UK</h1>
        <article>
	        <div class="city">Browse by Region</div>
			<?php
				$total = count($regions);
				$end=ceil($total/2);
			?>
            
        	<span class="group-left">
				<?php for($i=0;$i<=$end;$i++): ?>
				<?=$this->makeRegionUL($regions[$i]['regionID']);?>
                <?php endfor; ?>
           </span>
            
            <span class="group-right">
				<?php for($i=$end+1;$i<count($regions);$i++): ?>
				<?=$this->makeRegionUL($regions[$i]['regionID']);?>
                <?php endfor; ?>
            </span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
        </article>
    </section>
    
	<section class="center">
		<?php
            $total = count($mainCategories);
            $itemsPerCall=ceil($total/3);
        ?>

    	<span class="center-left">
			<?php for($i=0;$i<$itemsPerCall;$i++): ?>
            <?=$this->makeCategoryUL($mainCategories[$i]['categoryID']);?>
            <?php endfor; ?>
        </span>
        <span class="center-center">
			<?php for($b=0;$b<$itemsPerCall;$b++,$i++): ?>
            <?=$this->makeCategoryUL($mainCategories[$i]['categoryID']);?>
            <?php endfor; ?>
         </span>
         <span class="center-right">
			<?php for(;$i<count($mainCategories);$i++): ?>
            <?=$this->makeCategoryUL($mainCategories[$i]['categoryID']);?>
            <?php endfor; ?>
         </span>
    </section>
	
    <section class="right">
    	<article></article>
    	<article></article>
    </section>
    <div class="height_increaser"></div><!-- Just to increase height automatically -->
</div>
<!--Main Contents Ends-->

